﻿<!DOCTYPE html PUBLIC "-//W3C//DTD XHTML 1.0 Transitional//EN" "http://www.w3.org/TR/xhtml1/DTD/xhtml1-transitional.dtd">
<html xmlns="http://www.w3.org/1999/xhtml">
<head>
<meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
<title>仿google图片效果图片展示相册-懒人建站</title>
<meta name="keywords" content="网页特效,网页模板,导航菜单,焦点幻灯片,JS代码" />
<meta name="description" content="懒人建站为您提供-HTML+CSS模板，JS广告代码，网页特效，导航菜单，焦点幻灯片代码，原创视频教程与网页模板和CSS技巧。" />


<link type="text/css" rel="stylesheet" href="galleryview.css" />
<script type="text/javascript" src="js/jquery-1.4.min.js"></script>
<script type="text/javascript" src="js/jquery.easing.1.3.js"></script>
<script type="text/javascript" src="js/jquery.galleryview-1.1.js"></script>
<script type="text/javascript" src="js/jquery.timers-1.1.2.js"></script>
<script type="text/javascript">
	$(document).ready(function(){
		$('#photos').galleryView({
			panel_width: 800,
			panel_height: 300,
			frame_width: 100,
			frame_height: 100
		});
	});
</script>
</head>

<body>

<div id="photos" class="galleryview">
  <div class="panel">
     <img src="img/01.jpg" /> 
    <div class="panel-overlay">
      <h2>懒人建站</h2>
      <p><a href="http://51xuediannao.com" target="_blank">懒人建站</a> - 解放出你的部分写代码时间来思考更高层次的设计</p>
    </div>
  </div>
  <div class="panel">
     <img src="img/02.jpg" /> 
    <div class="panel-overlay">
      <h2>JS代码</h2>
      <p><a href="http://51xuediannao.com/JS" target="_blank">JS代码</a> JS广告代码-js代码大全-js特效代码_懒人建站</p>
    </div>
  </div>
  <div class="panel">
     <img src="img/03.jpg" /> 
    <div class="panel-overlay">
      <h2>广告代码</h2>
      <p><a href="http://51xuediannao.com/JS/AD" target="_blank">广告代码</a>JS广告代码,JS广告代码大全,js特效代码 - 懒人建站-51xuediannao.com</p>
    </div>
  </div>
  <div class="panel">
     <img src="img/04.jpg" /> 
    <div class="panel-overlay">
      <h2>广告代码</h2>
      <p><a href="http://51xuediannao.com/JS/AD" target="_blank">广告代码</a> - 懒人建站-51xuediannao.com</p>
    </div>
  </div>
  <div class="panel">
     <img src="img/06.jpg" /> 
    <div class="panel-overlay">
      <h2>导航菜单</h2>
      <p><a href="http://51xuediannao.com/JS/nav" target="_blank">导航菜单</a>导航菜单-导航菜单代码-导航菜单特效_懒人建站</p>
    </div>
  </div>
  <div class="panel">
     <img src="img/05.jpg" /> 
    <div class="panel-overlay">
      <h2>CSS技巧</h2>
      <p><a href="http://51xuediannao.com/jiqiao/css/" target="_blank">CSS技巧</a>CSS技巧-css教程-css模板_懒人建站</p>
    </div>
  </div>
  <div class="panel">
     <img src="img/07.jpg" /> 
    <div class="panel-overlay">
      <h2>焦点幻灯片</h2>
      <p><a href="http://51xuediannao.com/JS/texiao" target="_blank">网页特效</a>焦点图代码-jquery焦点图-js焦点图-flash焦点图_懒人建站</p>
    </div>
  </div>
  <div class="panel">
     <img src="img/08.jpg" /> 
    <div class="panel-overlay">
      <h2>网页特效</h2>
      <p><a href="http://51xuediannao.com/JS/texiao" target="_blank">网页特效</a> - 懒人建站-网页特效代码,网页特效大全,网页特效代码下载</p>
    </div>
  </div>
  <ul class="filmstrip">
    <li><img src="img/frame-01.jpg" alt="Effet du soleil" title="Effet du soleil" /></li>
    <li><img src="img/frame-02.jpg" alt="Eden" title="Eden" /></li>
    <li><img src="img/frame-03.jpg" alt="Snail on the Corn" title="Snail on the Corn" /></li>
    <li><img src="img/frame-04.jpg" alt="Flowers" title="Flowers" /></li>
    <li><img src="img/frame-06.jpg" alt="Alone Beach" title="Alone Beach" /></li>
    <li><img src="img/frame-05.jpg" alt="Sunrise Trees" title="Sunrise Trees" /></li>
    <li><img src="img/frame-07.jpg" alt="Waterfall" title="Waterfall" /></li>
    <li><img src="img/frame-08.jpg" alt="Death Valley" title="Death Valley" /></li>
  </ul>
</div>
<pre>$('#photos').galleryView({
	panel_width: 800,
	panel_height: 300,
	frame_width: 100,
	frame_height: 100
});</pre>
























<!--下面只是说明与程序代码无关-->
<div style="width:95%; height:auto; display:block; margin:0 auto; margin-top:30px; font-size:10pt; line-height:150%;">
<span>本代码由<a href="http://www.51xuediannao.com" style="color:#F00;">懒人建站网 收集整理 我要学电脑.COM →51xuediannao.com</a> </span><br>
<a href="http://www.51xuediannao.com">懒人建站 http://www.51xuediannao.com</a><br /><br/>
<span>我们为您提供-
<a href="http://www.51xuediannao.com/html+css/">HTML+CSS模板</a>，
<a href="http://www.51xuediannao.com/js/">JS代码</a>，
<a href="http://www.51xuediannao.com/JS/texiao/">网页特效</a>，
<a href="http://www.51xuediannao.com/JS/nav/">导航菜单</a>，
<a href="http://www.51xuediannao.com/JS/Slide/">焦点幻灯片<a>，
<a href="http://www.51xuediannao.com/JS/show/">网页欣赏</a>和
<a href="http://www.51xuediannao.com/JS/jiqiao/css/">CSS技巧</a>；</span><br />
<span>懒人建站只收录实用和能提高用户体验的代码</span><br />
<span>我们只想解放出你的部分写代码时间来思考更高层次的设计，而不是要你懒惰、拼凑。</span>
</div>












<center>
<script type='text/javascript'> 
cpro_client='lanrennet2010_cpr';
cpro_at='text'; 
cpro_161=4; 
cpro_flush=4; 
cpro_w=960; 
cpro_h=90; 
cpro_template='text_default_960_90'; 
cpro_cbd='#86AC5F'; 
cpro_cbg='#242E37'; 
cpro_ctitle='#6CA7C7'; 
cpro_cdesc='#cfe0ee'; 
cpro_curl='#008000'; 
cpro_cflush='#ff7b0e'; 
cpro_uap=1;
cpro_cad=1;
</script>
<script language='JavaScript' type='text/javascript' src='http://cpro.baidu.com/cpro/ui/cp.js'></script>
</center>

<div id="tj" style="display:none;"><script src="http://s9.cnzz.com/stat.php?id=1015985&web_id=1015985" language="JavaScript" charset="gb2312"></script></div>
</body>
</html>
